<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<base href="{siteurl}" />
<title>{sitename} Social Network</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="distributed profile, social, network" />
<meta http-equiv="X-UA-Compatible" content="IE=9" >

<script type="text/javascript" src="views/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript"
	src="views/js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="views/js/jquery.validate.js"></script>
<script type="text/javascript" src="views/js/login/login.js"></script>

<link rel="stylesheet" type="text/css" href="views/default/css/style.css" />
<link rel="stylesheet" type="text/css" href="views/default/css/login.css" />
<link rel="stylesheet" type="text/css" href="views/default/css/jquery-ui-1.8.14.custom.css" />

</head>

<body class="thrColAbsHdr">


	<div id="container_login">

		<div id="sidebar1_login">

			<a href=""><img src="resources/images/default/distributedprofiles.jpg" width="475"
				height="478" alt="logo" /></a>
		</div>


		<div id="sidebar2_login">
			<p class="br"></p>
			<p>
				<div>
					<div style="height: 39px">
						<a href="#" class="tab signup" id="signuplink">Sign up</a> <a
							href="#" class="tab select" id="loginlink">Login</a>
					</div>
					<div id="panel">
						<div id="loginbox" style="display: block;">
							<form method="post" action="authenticate/login" name="login">
								<div id="label">User Name:</div>
								<input type="text" name="sn_auth_user" class="input" />
								<div id="label">Password:</div>
								<input type="password" name="sn_auth_pass" class="input" />
								<input type="hidden" id="referer" name="referer"
									value="{referer}" />
								<div id="forgot">
									<a href="authenticate/password" class="forgotpwd" style="color: #006699">forgot password?</a>
								</div>
								<div>{error_message}</div>
								<div id="button">
									<input type="submit" class="submit1" value="LOG IN" />
								</div>
							</form>
						</div>
						<div id="regbox" style="display: none;">
							<form method="post" action="authenticate/register" name="reg"
								id="signup">
								<div id="label">Email:</div>
								<input type="text" name="register_email" id="register_email"
									class="reginput" />
								<div id="emailstatus"></div>
								<div id="label">Full Name:</div>
								<input type="text" name="register_name" id="register_name"
									class="reginput" />
								<div id="namestatus"></div>
								<div id="label">Password:</div>
								<input type="password" name="register_password"
									id="register_password" class="reginput" />
								<div id="label">Confirm Password:</div>
								<input type="password" id="register_password_confirm"
									name="register_password_confirm" class="reginput" />
								<div id="passwordStatus"></div>
								<div id="label">Date of Birth (dd/mm/yy)</div>
								<input type="text" id="register_dob" name="register_dob"
									"  class="reginput" />
								<div id="label">
									Gender: <select id="register_gender" name="register_gender">
										<option value="male">Male</option>
										<option value="female">Female</option>
									</select>
								</div>
								<div id="genderstatus"></div>

								<div id="button">
									<input type="submit" id="process_registration"
										name="process_registration" class="reg1" value="CREATE" />
								</div>
								<div>{reg_error_message}</div>
							</form>
						</div>
					</div>
				</div>
			</p>

			<!-- end #sidebar2 -->
		</div>
		<div id="mainContent_login"></div>
		<div id="footer">
			<p align="right">
				<a href="#" class="a_text">About</a>&nbsp;|<a href="#"
					class="a_text">Help</a>&nbsp;
			</p>
			<!-- end #footer-->
		</div>
		<!-- end #container -->
	</div>
</body>
</html>
